<template>
  <div class="container">
    <div class="app-container">
      <el-radio-group v-model="radio">
        <el-radio label="change">选项一</el-radio>
        <el-radio label="goout">选项二</el-radio>
        <el-radio label="inner">选项三</el-radio>
      </el-radio-group>
      <el-table
        :data="tableData"
      >
        <el-table-column
          v-for="(item, index) in columns"
          :key="index"
          :prop="item.prop"
          :label="item.label"
          :hidden="item.hidden"
        />
      </el-table>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Permission',
  data() {
    return {
      radio: '',
      columns: [
        {
          label: '日期',
          prop: 'date'
        },
        {
          label: '姓名',
          prop: 'name'
        },
        {
          label: '地址',
          prop: 'address',
          hidden: true
        }
      ],
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        {
          date: '2016-05-04',
          name: '王小虎2',
          address: '上海市普陀区金沙江路 1517 弄'
        }
      ]
    }
  },
  watch: {
    radio(val) {
      console.log('12312')
      console.log(val)
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
